<style>.card .content{padding:0 10px}.main-panel .card.card-wizard{min-height:100%}.card .header{padding:25px 15px 10px}.table-wrap .table-grid{min-height:0}.table-wrap .table-grid thead{border-top:1px solid #ddd}.table-wrap .table-footer-toolbar{background-color:#eee;padding:2px}.table-wrap{padding-bottom:15px}.table-wrap .table-grid table.special tr td,.table-wrap .table-grid table.special tr th{word-wrap:break-word;word-break:break-all;white-space:pre-wrap}</style>
<div class="main-panel container-fluid">
    <div class="card card-wizard">
        <div class="footer clear">
            <button type="button" class="btn btn-default btn-fill btn-wd btn-back pull-left" style="display: block;" ng-click="goBack($event)">返回</button>
            <button type="button" class="btn btn-info btn-fill btn-wd btn-next pull-right disabled" style="display: none;">下一步</button>
            <button type="button" class="btn btn-info btn-fill btn-wd btn-finish pull-right" style="display: inline-block;" ng-click="goBack($event)">完成</button>
        </div>
        <div class="content">
            <div class="table-wrap">
                <div class="table-grid">
                    <table>
                        <thead>
                        <tr>
                            <th>序号</th>
                            <th>提交答卷时间</th>
                            <th>所用时间</th>
                            <th>IP</th>
                            <th>来源</th>
                            <th>来源详情</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody class="tbody">
                        <tr ng-repeat="paper in papers.data track by $index">
                            <td ng-bind="papers.from?papers.from+$index:$index+1"></td>
                            <td ng-bind="paper.created_at">2017/8/28 12:45:23</td>
                            <td ng-bind="paper.durations">250s</td>
                            <td ng-bind="paper.user_agent.ip">218.104.221.106(四川-成都)</td>
                            <td ng-bind="paper.user_agent.platform">手机提交</td>
                            <td ng-bind="paper.user_agent.browser">微信</td>
                            <td>
                                <a ng-click="checkInfo($event,paper,$index)">查看</a>&nbsp;&nbsp;
                                <a ng-click="deleteInfo($event,paper,$index)">删除</a>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="table-footer-toolbar clear">
                    <div class="pagination-info">第 {{papers.from?papers.from:0}} 到第 {{papers.to?papers.to:0}} 条记录，总共 {{papers.total}} 条记录每页显示 {{papers.per_page}} 条记录</div>
                    <div class="pagination">
                        <div class="prev" ng-click="jumpPage(1)"><i class="fa fa-angle-double-left fa-lg"></i></div>
                        <div class="numbers">
                            <span ng-repeat="i in numbers track by $index" ng-bind="i" ng-click="jumpPage(i)" ng-class="{active:i==pagination.pageIndex}">1</span>
                        <div class="next" ng-click="jumpPage(papers.last_page)"><i class="fa fa-angle-double-right fa-lg"></i></div>
                    </div>
                </div>
            </div>
            <div class="table-wrap" ng-if="onePaper">
                <div class="table-grid">
                    <table>
                        <thead>
                        <tr>
                            <th>序号:&nbsp;&nbsp;{{onePaper.id}}</th>
                            <th>提交答卷时间:&nbsp;&nbsp;{{onePaper.created_at}}</th>
                            <th>所用时间:&nbsp;&nbsp;{{onePaper.durations}}</th>
                            <th>IP:&nbsp;&nbsp;{{onePaper.user_agent.ip}}</th>
                            <th>来源:&nbsp;&nbsp;{{onePaper.user_agent.platform}}</th>
                            <th>来源详情:&nbsp;&nbsp;{{onePaper.user_agent.browser}}</th>
                        </tr>
                        </thead>
                    </table>
                    <table class="special">
                        <thead style="border-top:none;">
                        <tr>
                            <th style="width: 50%;border-right:1px solid #ddd">问题</th>
                            <th style="width: 50%">答案</th>
                        </tr>
                        </thead>
                        <tbody class="tbody">
                        <tr ng-repeat="item in onePaperAnswer track by $index" ng-cloak="">
                            <td style="width: 50%;border-right:1px solid #ddd" ng-bind="item.title">选项名</td>
                            <td style="width: 50%" ng-bind="item.answer">选项1|选项2|填空1</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>